<template>
    <div  >
        <div style="height: 100%;">
            <flowForm></flowForm>
            <dialogComp></dialogComp>
            <tableListPage></tableListPage>
        </div>
       <div id="app"></div>
    </div>
</template>

<script>
import flowForm from './aStudyComponents/flowForm.vue'
import dialogComp from './aStudyComponents/dialogComp.vue'
import tableListPage from './aStudyComponents/tableListPage.vue'
export default {
    name:"flowInvoice",
    created(){
        // this.$store.commit('flowInvoice/reset')
    },
    components:{
        flowForm,
        dialogComp,
        tableListPage,
    }
}
</script>

<style lang = "scss">
#nprogress .bar {
    background: #e3e7ed !important; //自定义颜色
}
#app {
    width: 100%;
    height: 100vh;
    min-width: 1218px;
    background: #fff;
    font-size: 12px;

    .changeRoute {
        position: fixed;
        right: 10px;
        top: 20px;
        z-index: 1000;
    }
}
.lt1200{
    overflow: hidden;
}


.container {
    width: 100%;
    height: calc(100vh - 60px);
    display: flex;
    &::-webkit-scrollbar {
        width: 8px !important;
        height: 8px !important;
    }
}
</style>
